<template>
  <div>
    <top-banner :bannerConfig ="{hei:'500px'}"></top-banner>
    <calender></calender>
    <date-sorting :datesorting="datesorting"></date-sorting>
    <turning><span slot="center">{{index}}/1</span></turning>
    <footr></footr>
  </div>
</template>
<script>
import topBanner from "components/content/topBanner/TopBanner.vue";
import footr from 'components/content/footr/Footr.vue';
import turning from "@/components/common/turning/Turning.vue";

import calender from "./childComponent/calender"
import dateSorting from "./childComponent/dateSorting";


import getTimeDate from "netWork/getTimeDate";

export default {
  name: "file",
  components: { topBanner, calender, dateSorting, footr, turning },
  data() {
    return {
      index:0,
      datesorting:[]
    };
  },
  created() {
    this.getData()
  },
 methods: {
   getData() {
      
      getTimeDate(this.index++).then((res) => {
        this.datesorting = res.data;
      });
    },
 },
};
</script>
<style scoped>

</style>